<template>
    <div id="povertyAlleviation">
        <div class="topImg">
            <img src="@/assets/images/povertyAlleviation/banner.png" alt="">
        </div>
        <div class="list-box">
            <div class="list" @click="toOther(index)" v-for="(item,index) in allList" :key="index">
                <div class="list-text">
                    <div class="list-text-title">
                        {{item.title}}
                    </div>
                    <div class="list-text-city">
                        {{item.city}}
                    </div>
                    <div class="list-text-detailed">
                        {{item.detailed}}
                    </div>
                    <div class="list-text-data">
                        {{item.data}}
                    </div>
                </div>
                <div class="list-img">
                    <img :src="allImg[index]" alt="">
                </div>
            </div>
        </div>
    </div>
</template>
<script lang="ts">
import { log } from '@/utils';
import { Component, Vue, Prop } from 'vue-property-decorator';
@Component({
  components: {  },
})
export default  class Myinsuretwo extends Vue{
    linkList = []
    data() {
        return {
            allList:[
                {
                    num:0,
                    title:'2020财宝扶贫巡游记 | 第十八站：',
                    city: '陕西篇' ,
                    detailed : '财宝带您细数「三秦」之「果」',
                    data : '2020/12/31',
                },
                {
                    num:1,
                    title:'2020财宝扶贫巡游记 | 第十七站：',
                    city: '重庆篇' ,
                    detailed : '扶贫之路，国寿财“渝”',
                    data : '2020/12/29',
                },
                {
                    num:2,
                    title:'2020财宝扶贫巡游记 | 第十六站：',
                    city: '广东篇' ,
                    detailed : '速览【南粤】脱贫攻坚「华章」',
                    data : '2020/12/18',
                },
                {
                    num:3,
                    title:'2020财宝扶贫巡游记 | 第十五站：',
                    city: '贵州篇' ,
                    detailed : '晒一晒贵州扶贫成绩单',
                    data : '2020/12/21',
                },
                {
                    num:4,
                    title:'2020财宝扶贫巡游记 | 第十四站：',
                    city: '湖北篇' ,
                    detailed : '湖北省分公司的扶贫「答卷」',
                    data : '2020/12/08',
                },
                {
                    num:5,
                    title:'2020财宝扶贫巡游记 | 第十三站：',
                    city: '湖南篇' ,
                    detailed : '重走脱贫攻坚路·喜看湖南新变化',
                    data : '2020/12/04',
                },
                {
                    num:6,
                    title:'2020财宝扶贫巡游记 | 第十二站：',
                    city: '河南篇' ,
                    detailed : '河南分公司扶贫战绩快报',
                    data : '2020/11/27',
                },
                {
                    num:7,
                    title:'2020财宝扶贫巡游记 | 第十一站：',
                    city: '福建篇' ,
                    detailed : '晒一晒福建省分公司的扶贫成绩单',
                    data : '2020/11/18',
                },
                {
                    num:8,
                    title:'2020财宝扶贫巡游记 | 第十站：',
                    city: '江西篇' ,
                    detailed : '晒一晒江西扶贫成绩单',
                    data : '2020/11/13',
                },
                {
                    num:9,
                    title:'2020财宝扶贫巡游记 | 第九站：',
                    city: '安徽篇' ,
                    detailed : '一起探寻安徽省的扶贫攻坚路径图',
                    data : '2020/11/06',
                },
                {
                    num:10,
                    title:'2020财宝扶贫巡游记 | 第八站：',
                    city: '河北篇' ,
                    detailed : '那些年，河北分公司的扶贫印记',
                    data : '2020/11/03',
                },
                {
                    num:11,
                    title:'2020财宝扶贫巡游记 | 第七站：',
                    city: '内蒙古篇' ,
                    detailed : '一起领略辽阔广袤草原上的壮丽风情',
                    data : '2020/10/29',
                },
                {
                    num:12,
                    title:'2020财宝扶贫巡游记 | 第六站：',
                    city: '青海篇' ,
                    detailed : '一起重走青海分公司的“扶贫之路”',
                    data : '2020/10/22',
                },
                {
                    num:13,
                    title:'2020财宝扶贫巡游记 | 第五站：',
                    city: '甘肃篇' ,
                    detailed : '甘肃分公司的扶贫工作行事历',
                    data : '2020/10/17',
                },
                {
                    num:14,
                    title:'2020财宝扶贫巡游记 | 第四站：',
                    city: '新疆篇' ,
                    detailed : '数读“访惠聚”扶贫成绩单',
                    data : '2020/10/14',
                },
                {
                    num:15,
                    title:'2020财宝扶贫巡游记 | 第三站：',
                    city: '四川篇' ,
                    detailed : '点亮“深度贫困地区”的高光时刻',
                    data : '2020/09/30',
                },
                {
                    num:16,
                    title:'2020财宝扶贫巡游记 | 第二站：',
                    city: '云南篇' ,
                    detailed : '一起去追寻国寿财险人奋斗的足迹',
                    data : '2020/09/22',
                },
                {
                    num:17,
                    title:'2020财宝扶贫巡游记 | 第一站：',
                    city: '广西篇' ,
                    detailed : '晒一晒广西省分公司的扶贫成绩单',
                    data : '2020/09/09',
                },
                {
                    num:18,
                    title:'2020财宝扶贫巡游记 | 共十八站：',
                    city: '总结篇' ,
                    detailed : '让财宝带你看看脱贫攻坚的风采和实绩',
                    data : '2021/02/05',
                },
            ],
            allImg:[
               require('../../assets/images/povertyAlleviation/shaanxi.png'),
               require('../../assets/images/povertyAlleviation/chongqing.png'),
               require('../../assets/images/povertyAlleviation/guangdong.png'),
               require('../../assets/images/povertyAlleviation/guizhou.png'),
               require('../../assets/images/povertyAlleviation/hubei.png'),
               require('../../assets/images/povertyAlleviation/hunan.png'),
               require('../../assets/images/povertyAlleviation/henan.png'),
               require('../../assets/images/povertyAlleviation/fujian.png'),
               require('../../assets/images/povertyAlleviation/jiangxi.png'),
               require('../../assets/images/povertyAlleviation/anhui.png'),
               require('../../assets/images/povertyAlleviation/hebei.png'),
               require('../../assets/images/povertyAlleviation/InnerMongolia.png'),
               require('../../assets/images/povertyAlleviation/qinghai.png'),
               require('../../assets/images/povertyAlleviation/gansu.png'),
               require('../../assets/images/povertyAlleviation/xinjiang.png'),
               require('../../assets/images/povertyAlleviation/sichuan.png'),
               require('../../assets/images/povertyAlleviation/yunnan.png'),
               require('../../assets/images/povertyAlleviation/guangxi.png'),
               require('../../assets/images/povertyAlleviation/conclusion.png'),
            ],
            linkList:[
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0331-nkJshAAABwAWVFRwcvO5Lwc5fFR4c&idx=0&sn=cb3dd0bf1610190e63afe07cb3c12a4d',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0329-gossOwAABwAKnRTPiF-_kAJlSXg4c&idx=0&sn=9928115edca4444f6568827bc494d8c9',
                
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0318-vHAs5AAABwA0ZhQQwi-ITwNIAER4c&idx=0&sn=d5c2df1ff55f89a09c4bb430862e0ab4',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0311-YwYCQAAABwDrEDq0DSjp6wJl3_M4c&idx=0&sn=e934a537dd5451e0c4031c426bc0a500',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0308-RyJpuQAABwDPNFFNZAmeEgRbUSt4c&idx=0&sn=483c85b0f469d1002f8fe1eec772822a',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0304-K7UU4gAABwCjoywW-G-lSQUpi7C4c&idx=0&sn=daec2bb3175e223bbb2d36abdc1de9e5',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0327-0LvfqQAABwBYreddzH8nAgLFeJe4b&idx=0&sn=1c4ddfa156cec4df663839b379598434',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0318-4vUChAAABwBq4zpwSguOLwuL09w4b&idx=0&sn=a7a97b02ae87ddba193f7fbfaf19c0a0',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0313-lMEqgwAABwAc1xJ3Qra8KAUHlJn4b&idx=0&sn=64bb6d51868a6dd4ffc9383a820d6f6d',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0306-EFtS_AAABwCYTWoMknbPUwkEGyn4b&idx=0&sn=a68776af2cb4bbc57dd83a0d73e6ef7f',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0303-Fcc0PQAABwCd0QzJcD6slgRnkGf4b&idx=0&sn=96b96b0bba86c74b41d0c6feff3d7dcb',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0329-aGmKtgAABwDgf7JCCCYoHQH9HwF4a&idx=0&sn=9e06bdc5909a1c3c9e8f82411f44c953',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0322-HCWrKwAABwCUM5PfJhICgANRSQs4a&idx=0&sn=ecc839e49666bc89e9faff01c5417d11',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0317-oZrzAAAABwApjMv0zbNBqwAAu814a&idx=0&sn=fc44149abc17932ea7507feff023823c',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0314-Ec2t2QAABwCZ25UtBIYTcgKJxM44a&idx=0&sn=669b3467b953103c323b546c542e519a',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0330-of65VQAABwAp6IGhDwPy-go2ZHN49&idx=0&sn=8ac4c679021242bd27aa176ea980d5c9',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0322-I2ra0QAABwCrfOIlMy_Leg9Gy0x49&idx=0&sn=bfdf50b52fbaf47c3f356529f3b7465d',
                'https://open.work.weixin.qq.com/wwopen/mpnews?mixuin=LxxoEQAABwBez6gaAAAUAA&mfid=WW0309-YEW-aAAABwDoU4ecf-nfwwfSeVH49&idx=0&sn=b6e6c56acc6511224ba67c9a3aceabe7',
                'https://mp.weixin.qq.com/s/f-OOrfrgD2pJUwOJSGhd-g',
            ],
        }
    }
    toOther(index:any){
        window.location.href = this.linkList[index]
    }
}
</script>
<style lang="less" scoped>
.topImg{
    width: 100%;
    // height: 185px;
    margin-bottom: 4.5px;
    img{
        width: 100%;
        vertical-align:bottom
    }
}
.list-box{
    .list{
        display: flex;
        justify-content: space-between;
        padding:0px 12px;
        padding-top: 14.5px;
        padding-bottom: 15px;
        background-color: #fff;
        border-bottom: 1px solid #E6E6E6;
            .list-text{
                .list-text-title{
                    font-size: 15px;
                    font-family: PingFang SC;
                    font-weight: 500;
                    color: #1A1A1A;
                    line-height: 1;
                    margin-bottom: 6px;
                }
                .list-text-city{
                    font-size: 15px;
                    font-family: PingFang SC;
                    font-weight: 500;
                    color: #1A1A1A;
                    line-height: 1;
                    margin-bottom: 9px;
                }
                .list-text-detailed{
                    font-size: 13px;
                    font-family: PingFang SC;
                    font-weight: 400;
                    color: #666666;
                    line-height: 1;
                    margin-bottom: 9px;
                }
                .list-text-data{
                    font-size: 13px;
                    font-family: PingFang SC;
                    font-weight: 400;
                    color: #999999;
                    line-height: 1;
                }
            }
            .list-img{
                width: 75px;
                height: 75px;
                margin-top: 1.5px;
                img{
                    width: 75px;
                    height: 75px;
                }
            }
    }
}
</style>